@charset "utf-8";
@import url("reset.css");
*{
   margin: 0;
   padding: 0;
   list-style: none;
   font-family: "微软雅黑";
}
body,html{
//  width: 100%;
//  height: 100%;
    font-size: 62.5%;
}
body,html,.box-1{
    height: 100%;
}
.box-1{
    display: flex;
    flex-direction: column;
}
main{
    height: 50rem !important;
    overflow: hidden;
//  flex-grow: 1;
//  border: 1px solid red;
}
header{
    width: 100%;

    height: 5rem;
    position: fixed;
    top: 0;
    img{
        width: 100%;
    }
    div{
        line-height: 3rem;
        text-align: center;
        border-bottom: 0.1rem solid black;
    }
}
aside{
    width: 100%;
    
    .ul1{
        width: 100%;
        li{
            width: 100%;
            height: 5rem;
            display: flex;
            justify-content: space-around;
            img{
                width: 15%;
                height: 5rem;
            }
            a{
                width: 100%;
                color: black;
                text-decoration: none;
                line-height: 5rem;
                border-bottom: 0.1rem solid darkgray;
            }
            .img{
                line-height: 10rem;
                float: right;
            }
        }
    }
    h5{
        width: 96.6%;
        background: darkgray;
        height: 4rem;
        font-size: 1.4rem;
        padding-left: 1rem;
        line-height: 4rem;
    }
    .ul2{
        width: 100%;
        background: white;
        li{
            position: relative;
            width: 100%;
            height: 5rem;
            display: flex;
            img{
                width: 15%;
            }
            .ul2_div{
                width: 100%;
                color: darkgray;
                border-bottom: 0.1rem solid darkgray;
                display: flex;
                justify-content: space-between;
                padding: 0.5rem;
                h6{
                    color: black;
                }
            }
        }
    }  
}

footer{
    width: 100%;
    height: 5rem;
    position: fixed;
    bottom: 0;
    ul{
        width: 100%;
        display: flex;
        color: darkgray;
        justify-content: space-around;
        text-align: center;
        img{
            width: 100%;
        }
    }
}
